@extends('layout.home.home')

@section('title')
<title>电话号码注册</title>
@endsection

@section('content')
			<div class="reg-detail">
				<h3 class="reg-title">
					注册华为帐号
				</h3>
				<p class="node-intro">
                	华为帐号是您用于访问所有华为服务的帐号。使用华为帐号登录后，您将可以使用云服务、华为商城、花粉俱乐部、应用市场、EMUI产品、开发者联盟，及更多服务。
                </p>
                <div class="box-shadow-in"></div> 
                <form action="" method="post">
				<div class="node">
					<div class="node-title">华为帐号</div>
					<div class="node-intro">输入手机号作为您的华为帐号，用于登录、重设密码、验证身份。</div>
					<div class="node-des mkcl">
						<div class="node-input r mkcl">
							<div class="short r">
								<div class="dinput">
									<label class="lb_opacity_Class" style="display: block; position: absolute; cursor: text; float: left; z-index: 2; padding-left: 0px; padding-top: 8px;" for="username"><div style="border: none; cursor: text; margin: 2px; color: rgb(204, 204, 204); background: transparent;" tabindex="-1"></div></label><input type="text" id="username" name="username" maxlength="50" tabindex="1" validator="validator11488889527332" style="z-index: 1;" class="">
								</div>
								<span id="msg_phone"></span>
							</div>
							<div class="short">
								<div class="ddrop" id="input_languageCode">
									<input type="hidden" id="countryCode" value="0086">
								<input type="hidden" value="0086">
								</div>
							</div>
						</div>
						<div class="input-intro">
							手机号：
						</div>
					</div>
					<div class="node-des mkcl">
						<div class="node-input r">
							<div class="short r">
								<div>
									<input type="button" class="dbtn2 r" id="getValiCode" intervaltime="60" onclick="getMobileCode(4,&#39;p_reg_phone_session_ramdom_code_key&#39;,26,&#39;zh&#39;)" value="获取验证码">
									<span id="msg_getPhoneRandomCode" style="position:relative;top:34px;"></span>
								</div>
							</div>
							<div class="short">
								<div class="dinput">
									<label class="lb_opacity_Class" style="position: absolute; cursor: text; float: left; z-index: 2; padding-left: 0px; padding-top: 8px;" for="authCode"><div style="border: none; cursor: text; margin: 2px; color: rgb(204, 204, 204); background: transparent;" tabindex="-1" class="verify vam ime-disabled"></div></label>
									<input type="text" class="verify vam ime-disabled" id="authCode" style="vertical-align: middle; z-index: 1;" name="Code" maxlength="8" tabindex="3" validator="validator41488889527333">
								</div>
								<span id="msg_phoneRandomCode"></span>
							</div>
						</div>
						<div class="input-intro">
							验证码：
						</div>
					</div>
				</div>
				<div class="box-shadow-in"></div> 
				
				<div class="node">
					<div class="node-title">设置登录密码</div>
					<div class="node-intro">密码由8-32位字符组成，需至少包含一个大写字母、一个小写字母和一个数字，建议不与其他密码相同</div>
					<div class="node-des mkcl">
						<div class="node-input r">
							<div class="dinput">
								<label class="lb_opacity_Class" style="display: block; position: absolute; cursor: text; float: left; z-index: 2; padding-left: 0px; padding-top: 8px;" for="password"><div style="border: none; cursor: text; margin: 2px; color: rgb(204, 204, 204); background: transparent;" tabindex="-1" class="text vam"></div></label><input type="password" autocomplete="off" class="text vam" id="password" name="password" maxlength="32" tabindex="4" validator="validator21488889527333" style="z-index: 1;">
							</div>
							<!-- <div class="pwd-letter">
								<span>弱 </span><span> 中 </span><span> 强 </span>
							</div> -->
							<div>
								<span id="msg_password"></span>
							</div>
						</div>
						<div class="input-intro">
							密码：
						</div>
					</div>
					<div class="node-des mkcl">
						<div class="node-input r">
							<div class="dinput">
								<label class="lb_opacity_Class" style="display: block; position: absolute; cursor: text; float: left; z-index: 2; padding-left: 0px; padding-top: 8px;" for="input_label_0"><div style="border: none; cursor: text; margin: 2px; color: rgb(204, 204, 204); background: transparent;" tabindex="-1" class="text vam"></div></label><input type="password" autocomplete="off" class="text vam" name="repassword" maxlength="32" tabindex="5" validator="validator31488889527333" id="input_label_0" style="z-index: 1;">
							</div>
							<span id="msg_checkPassword"></span>
						</div>
						<div class="input-intro">
							确认密码：
						</div>
					</div>
				</div>
				<div class="box-shadow-in"></div> 

				<!-- 选择国家开始 -->
				<div class="node" id="chooseCountry">
				
					<div class="regAgrTitle node-title">华为帐号服务条款</div>
				
					<div class="node-title">国家/地区
					</div>
	   				<div class="foot-selectCountry-margin selectCountry-right">
	     				<div class="selectCountryImg_style">
		         			
		  				</div>	    
	     				<div class="selectedCountry_style">
			     			<div>
						    	<div id="selectedCountry">中国</div>
						    </div>
					  </div>
					</div>					
					<div id="regXCountry" class="node-intro">正在注册中国华为帐号</div>
				</div>
				<div class="box-shadow-in" id="chooseCountryShadow"></div> 				
				<!-- 选择国家结束 -->
								
				<div id="agreement">
					    
						<div class="node">

							<div class="node-intro"><div class="agrLineH">华为将为您创建唯一的华为帐号，来标识您和提供更优服务，且需搜集和处理以下信息： </div><div class="agrLineH agrIndent">您所有登录的设备信息，包括：IMEI、IMSI、SN、国家/地区、语言、型号和版本号；</div><div class="agrLineH agrIndent">您向我们提交的个人信息，包括：手机号、邮件地址、密码、头像、昵称、生日、姓名和性别；</div><div class="agrLineH">上述数据将会传输并保存至华为全球的服务器。您可通过销户删除所有个人数据。</div><br><div class="agrLineH">华为帐号用户可以通过手机号或邮件地址搜索到您，并可查看您的公开信息，包括：头像、昵称、城市等。您也可以在华为帐号的设置中关闭。</div><br><div class="agrLineH">点击“注册”，即表示您同意上述内容及<a href="#" target="_blank" class="loginAndRegLink">华为帐号用户协议</a>并确认您已阅读<a href="#" target="_blank" class="loginAndRegLink">华为隐私政策</a>。</div></div>
						</div>
						<div class="box-shadow-in"></div> 
					
				</div>
				
		
				
				<div class="reg-btn" align="center">
					<input type="button" class="btn btn-reg sel" id="btnSubmit" value="注册" tabindex="7">
					<div id="register_msg" class="vam error" style="position:relative;left:30%;"></div>
				</div>
			</form>
			</div>



@endsection